<template>
	<!-- 搜索栏 -->
	<view class="search" :style="{backgroundColor:color}">
		<view class="searchBox">
			<text class="iconfont icon-sousuo"></text>
			<input class="searchIpt" type="text"
			 placeholder-style="color:#aaa"
			 placeholder="商品名/品牌/订货号/型号等">
			<text class="searchText">
				搜索
			</text>
		</view>
		<image class="searchImg" src="../../static/images/erji.png" mode=""></image>
	</view>
</template>

<script>
	export default{
		name:"Search",
		props:{
			'color':{
				
			type:String,
			default(){
				return '#010932'
			}
			}
		}
	}
</script>

<style lang="stylus">
.search
	height: 90upx
	display: flex
	align-items: center
	padding: 0 20upx
	.searchBox
		height: 60upx
		background: #eee
		border-radius: 30upx
		flex: 1
		display: flex
		align-items: center
		padding: 20upx
		margin-right: 20upx
		box-sizing: border-box
		.iconfont
			width:  40upx
			height: 40upx
			font-size: 40upx
			color: #aaa
		.searchIpt
			flex: 1
			border-right: 2upx solid #aaa
			height: 30upx
			font-size: 28upx
			margin: 0 20upx
			line-height: 30upx
		.searchText
			font-size: 30upx
			font-weight: bold
			color: red
	.searchImg
		height: 60upx
		width: 60upx
</style>